<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>煤炭管理系统</title>
    <link rel="stylesheet" href="/lib/layui/css/layui.css">
    <link rel="stylesheet" href="/lib/layui/css/layui-theme-custom.css">
    <link rel="stylesheet" href="/static/css/member.css">
</head>
<body>
<div class="layui-layout layui-layout-admin">
    <#include "/base/main-header.ftl">

    <#include "/base/main-left.ftl">
    <div class="layui-body">
        <!-- 内容主体区域  -->
        <div class="site-title">
            <fieldset>
                <legend>
                    <a class="site-title-text">基本信息</a>
                </legend>
            </fieldset>
        </div>
        <div class="table-box">
            <form class="layui-form" action="">

                <table class="layui-table" lay-skin="line">
                    <tbody>
                    <col width="15%">
                    <col width="20%">
                    <col width="15%">
                    <col width="40%">
                    <tr>
                        <td><label class="form-label">交易合同编号：</label></td>
                        <td>GD2509-099X0</td>
                        <td><label class="form-label">签署日期：</label></td>
                        <td>2014-12-08</td>
                    </tr>
                    <tr>
                        <td><label class="form-label">采购方名称（甲方）：</label></td>
                        <td>荷花电厂</td>
                        <td><label class="form-label">供应商名称（乙方）：</label></td>
                        <td>孝一煤业有限公司</td>
                    </tr>
                    <tr>
                        <td><label class="form-label">交货开始时间：</label></td>
                        <td>2015-01-01</td>
                        <td><label class="form-label">交货结束时间：</label></td>
                        <td>2015-12-31</td>
                    </tr>
                    </tbody>
                </table>
            </form>
            <form action="">
                <table class="layui-hide" id="approvalRecord"></table>
                <table class="layui-table" lay-size="lg">
                    <col width="150px">
                    <thead>
                    <tr>
                        <th>序号</th>
                        <th>煤种</th>
                        <th>采购数量（万吨）</th>
                        <th>热卡值</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>1</td>
                        <td>
                            <span>烟煤</span>&nbsp;&nbsp;&nbsp;
                            <span>原煤</span>
                        </td>
                        <td>100</td>
                        <td>4500</td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>
                            <span>烟煤</span>&nbsp;&nbsp;&nbsp;
                            <span>原煤</span>
                        </td>
                        <td>300</td>
                        <td>5500</td>
                    </tr>
                    <tr>
                        <td>合同附件 ：</td>
                        <td colspan="9">GD2509-0989X采购合同.pdf &nbsp;&nbsp;&nbsp; <a href="">下载</a></td>
                    </tr>
                    </tbody>
                </table>
                <br>

            </form>
            <br><br>
            <div class="site-title">
                <fieldset>
                    <legend>
                        <a class="site-title-text">基本信息</a>
                    </legend>
                    <div id="add-member">
                        <a href=""><button class="layui-btn layui-btn-radius layui-btn-default">添加补充协议</button></a>
                    </div>
                </fieldset>
            </div>
            <form class="layui-form" action="">

                <table class="layui-table" lay-skin="line">
                    <thead>
                    <tr>
                        <th>序号</th>
                        <th>协议编号</th>
                        <th>合同内容摘要</th>
                        <th>上传时间</th>
                        <th>附件</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>1</td>
                        <td>BC20150301-0001</td>
                        <td>3月份价格确认单</td>
                        <td>2015-3-28</td>
                        <td>BC20150328-0001.pdf</td>
                        <td><a href="">删除</a></td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>BC20150301-0001</td>
                        <td>3月份价格确认单</td>
                        <td>2015-3-28</td>
                        <td>BC20150328-0001.pdf</td>
                        <td><a href="">上传附件</a></td>
                    </tr>
                    </tbody>
                </table>
            </form>
        </div>
        <br><br>

        <div style="text-align:center">
            <a href=""><button type="submit" class="layui-btn layui-btn-radius">提交</button></a>&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="/queryLT"><button class="layui-btn layui-btn-radius layui-btn-primary">返回</button></a>
        </div>
        <br><br><br>
    </div>
    <#include "/base/main-footer.ftl">
</div>

<script src="/static/lib/layui/layui.js"></script>
<script>
    layui.use(['layer', 'form', 'element', 'jquery','table','upload'], function () {
        let layer = layui.layer, form = layui.form, $ = layui.jquery,table=layui.table,upload = layui.upload;

        //选完文件后不自动上传
        upload.render({
            elem: '#test8'
            ,url: '/upload/'
            ,auto: false
            ,accept: 'file'
            //,multiple: true
            ,bindAction: '#test9'
            ,done: function(res){
                console.log(res)
            }
        });

    });
</script>
</body>
</html>